<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@include file= "/WEB-INF/pages/base/commImportPage.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>任务监控</title>
	<!--[if lt IE 9]><script src="${resourcePath}/js/comm/css3-mediaqueries.js"></script><![endif]-->
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/insp.css">
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/guandaoqingli/pig.css">
</head>
<body class="body-pad" style="padding-bottom:100px">
	<input type="hidden" id="pagePath" value="${pageContext.request.contextPath}"/>
    <input type="hidden" id="resourcePath" value="${resourcePath}"/>
    <input type="hidden" id="gisResourcePath" value="${gisResourcePath}"/>
	<input type="hidden" id="taskId" value="${taskId }">
	
	<!-- 收发球筒信息 -->
	<input type="hidden" id="frompiginfo" value="${pig.frompiginfo }"/>
	<input type="hidden" id="topiginfo" value="${pig.topiginfo }"/>
	
	<!-- 管道管段 -->
	<input type="hidden" id="lineName" value="${pig.lineId }"/>
	<input type="hidden" id="segmentName" value="${pig.segmentId }"/>
	
<div class="html-header">
    <p class="header-title">跟踪管理 > <span>任务监控</span></p>
    <a href="javascript:void(0);" onclick="backToList();" class="btn btn-w100 btn-back-icon btn-h30 back" style="top:20px"><em></em><span>返回上一级</span></a>
	<script>
		function backToList(){
			window.location.href = $("#pagePath").val() + "/cleanTask/cleanPipeLineTrack/getCleanPipeLineTrackIndex.html";
		}
	</script>
</div>
<div class="container-fluid warp">
    <div class="row-fluid  bg-white1">
        <div class="main clearFix">
            <div class="l-r clearFix pad20">
                <div class="fu">
                    <div class="left tab01">
                        <div class="map1">
                            <iframe id="frameId" style="width:100%;height:550px;">
                            </iframe>
                        </div>
                        <div class="swiper">
                            <div class="ss">
                                <ul>
                                    <li class="start">
                                        <i><img src="${resourcePath}/images/pig/fa.png" alt=""/></i>
                                        <span class="s01">${pig.fromValRoom }</span>
                                        <span class="s02">距离:<fmt:formatNumber type="number" value="${pig.fromMile} " maxFractionDigits="3"/>m</span>
                                        
                                        <em class=""></em> 
                                    </li>
                                    <div id="pointDiv">
                                    	
                                    </div>
                                    <%-- <c:if test="${not empty point }">
                                    	<c:forEach items="${point }" var="p">
                                    		<c:if test="${not empty p.PASSTIME }">
	                                    		<li class="zhou w80"></li>
			                                    <li class="sl">
			                                        <i onclick="showPointOnMap('${p.GISID }');"><em class="e01"></em></i>
			                                        <span class="s01-1">${p.CUSTOMNUMBER }</span>
			                                        <span class="s02-2">距离:${p.MILEAGE } m</span>
			                                        <em class="ren active"></em>
			                                        <input type="hidden" name="gisId" value="${p.GISID }">
			                                    </li>
                                    		</c:if>
                                    		<c:if test="${empty p.PASSTIME }">
                                    			<li class="zhou w80"></li>
			                                    <li class="sl">
			                                        <i onclick="showPointOnMap('${p.GISID }');"><em class="e01"></em></i>
			                                        <span class="s01-1">${p.CUSTOMNUMBER }</span>
			                                        <span class="s02-2">距离:${p.MILEAGE } m</span>
			                                        <em class="ren"></em>
			                                        <input type="hidden" name="gisId" value="${p.GISID }">
			                                    </li>
                                    		</c:if>
                                    	</c:forEach>
                                    </c:if> --%>
                                    <li class="zhou w80"></li>
                                    <li class="start">
                                        <i><img src="${resourcePath}/images/pig/shou.png" alt="" style="margin-top:4px;margin-left:4px"/></i>
                                        <span class="s01">${pig.toValRoom }</span>
                                        <span style="width:150px;" class="s02">距离:<fmt:formatNumber type="number" value="${pig.toMile} " maxFractionDigits="3"/>m</span>
                                        <em class=""></em> 
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<script src="${pageContext.request.contextPath}/js/pig/monitor.js"></script>
</body>
</html>